<template>
  <div>
    <hr>
    <h5>Music</h5>
    <ul>
      <li v-for="item in list" :key="item">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Music",
  computed: {
    list() {
      switch (this.$route.params.id) {
        case "1":
          return ["武汉", "草莓", "音乐节"];
        case "2":
          return ["南京", "诗", "和远方"];
        case "3":
          return ["上海", "周杰伦", "演唱会"];
        default:
          return [];
      }
    },
  },
};
</script>

<style>
</style>